<template>
	<view class="gt-admin">
		<view class="gt-admin-container">
			<view class="gt-admin-top row">
				<view class="col-auto">
					<slot  name="topLeft"></slot>
				</view>
				<view>
					<slot  name="topRight"></slot>
				</view>
			</view>
			<view class="gt-admin-content">
				<slot  name="content"></slot>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		name: "gt-admin-list",
		props: {
			config: {
				type: Object,
				default: () => {
					return {};
				}
			}
		},
		data() {
			return {
			}
		},
		created() {},
		computed: {},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
.gt-admin{
	padding:15px;
	background-color: #f8f8f8;
	
}
.gt-admin-container{
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: #eeeeee;
	height: calc(100vh - 81px);
	display: flex;
	flex-direction: column;
}
.gt-admin-top{
	padding: 10px 20px;
	border-bottom: 1px solid #eeeeee;
}

.gt-admin-content{
	padding: 30px;
}
</style>
